div,html,body{margin: 0;padding: 0;height: 100%}
/*背景*/
body{width: 100%;height: 100%;}
#_back{background-image: url("../img/img_Login/04.jpg");}
.back{width: 100%;height: 100%;margin:0;background-size: 100% 100%;background-repeat: no-repeat;background-attachment:fixed;position:absolute;top:0;left:0;filter: blur(4px);-webkit-filter: blur(4px);-ms-filter: blur(4px);-moz-filter:blur(4px)px;filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
#modal{width: 100%;height: 100%;opacity: 0.3;filter: alpha(apacity=30);position: absolute;top: 0;left: 0;}


/*登录框*/
#_Login{width: 100%;height: 500px;position: absolute;left: 0; top: 100px;z-index: 3;}
#title{font-family: "youlang";font-size: 50px;font-weight: bold;margin: 0 auto;position: relative;text-align: center;letter-spacing: 20px;color: #B6FF00;transition: all 1.5s ease-in-out;-ms-transition: all 1.5s ease-in-out;-moz-transition: all 1.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}

#title:hover{text-shadow: 0 0 10px #fff,0 0 20px #fff,0 0 35px #fff,0 0 50px #FFDD1B,0 0 65px #FFDD1B,0 0 80px #FFDD1B,0 0 90px #FFDD1B,0 0 110px #FFDD1B;color: lightyellow;}
#login_content{width: 300px;margin: 50px auto;height: 400px;position: relative;}
#login_content input::-webkit-input-placeholder{color: #ABFFD8;}
#login_content input::-moz-placeholder{color: #ABFFD8;}
#login_content input::-ms-input-placeholder{color: #ABFFD8;}
#login_content .control{width: 260px;height: 35px;margin: 20px auto;text-align: center;line-height: 35px;appearance: button;-webkit-appearance: button;border-radius: 6px;font-size: 22px;border: 1px rgba(3, 167, 252, 0.6) solid;color: #3B7585;outline: none;transition: all 0.5s ease-in-out;-moz-appearance: button;background-color: rgba(1, 193, 227, .4);display: block;color: #ABFFD8;box-shadow: 0 0 4px #78969F;}
#login_content .error{border-color: red;}
#login_content .control:focus{border: 1px rgba(3, 167, 252, 0.6) solid;}
#login_content .control:hover{background-color: rgba(1, 193, 227, .8);}
#login_content input.control:focus{width: 300px;background-color: rgba(207, 85, 242, 0.84);color: lightgoldenrodyellow; border: 2px lightskyblue groove;}
#login_content #error{background-color: #FB5967;display: none;}
#login_content #error p{color: wheat;}


#head-icon-back{display: none;width: 100px;height: 100px;border-radius: 50%;border: 10px lightslategrey groove;box-shadow: 0 0 5px lightgray;position: absolute;top: 50px; left: 50px;transform-origin: center center;z-index: 1; -ms-transform-origin: center center; -webkit-transform-origin:  center center;-moz-animation: iconBack 1s infinite linear;-ms-animation: iconBack 1s infinite linear;-webkit-animation: iconBack 1s infinite linear;animation: iconBack 1s infinite linear;border-color: rgba(255, 248, 190, 0.83) #F2D5CC #FFFFFF rgba(217, 255, 227, 0.62);}
#head-icon{background-image: url("../img/img_Login/head-icon.jpg");background-size: 100px 100px; background-repeat: no-repeat;position: relative;border-radius: 50%;position: absolute;top: 60px;left: 60px;display: none; width: 100px; height: 100px;z-index: 2;}
#head-icon-title{width: 100px; height: 100px;border-radius: 50%;opacity: 0;filter: alpha(apacity=0);z-index: 3;background-color: dimgray;position: inherit;}
#head-icon-title p{height: 100px;line-height: 100px;font-size: 20px;font-weight: bold;font-family: "torcing";color: whitesmoke;text-align: center;height: 80px;line-height: 80px}
#head-icon-title:hover{opacity: 0.8;filter: alpha(apacity=80);z-index: 3;}

/*背景动画*/
@keyframes iconBack{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@-moz-keyframes iconBack{
	from{-moz-transform: rotate(0deg);}
	to{-moz-transform: rotate(360deg);}
}
@-webkit-keyframes iconBack{
	from{-webkit-transform: rotate(0deg);}
	to{-webkit-transform: rotate(360deg);}
}
@-ms-keyframes iconBack{
	from{-ms-transform: rotate(0deg);}
	to{-ms-transform: rotate(360deg);}
}




